// Core variables and mixins overrides
@import "~bootstrap/scss/_functions.scss";
@import "../core/variables/variables";

// Overrides user variable
@import "../core/variables/components-variables";


.contacts-item{
  color: #101738!important;
}

.contacts-item {
  border-radius: 5px;
  font-size: 15px;
  color: #EBEEFC;
  box-sizing: border-box;
  outline: none;
  width: 100%;
  height: 100%;
  border: 1px solid #d9d9d9;
  background-color: #f5f5f1;
}

.contacts-item:focus {
  border: 1px solid #6F64F8;
  box-shadow: 0 0 5px rgba(111, 100, 248, 0.83);
}

.contacts-input-select .dark_select__control {
  height: 42px;
}

.contacts-input-description {
  min-height: 105px;
}
.contacts-input {
  padding: 10.5px 20px 10.5px 10px;
}

.contacts-input-description::-webkit-scrollbar {
  width: 8px;
}

.contacts-input-description::-webkit-scrollbar-track {
  background: #10163a;
  cursor: pointer;
}

.contacts-input-description::-webkit-scrollbar-thumb {
  background: #7367f0;
  border-radius: 1px;
}

.contacts-input-description::-webkit-scrollbar-thumb:hover {
  background: #7367f0;
}


body.dark-layout .contacts-item{
  border: 1px solid #101738;
  background-color: #101738;
  color: #FFFFFF!important;
}

body.dark-layout .input-dark{
  border: 1px solid #262c49;
  background-color: #262c49;
}

body.dark-layout .contacts-item .dark_select__control{
  background-color: #262C49;
  border-color: #262C49;
}

.ag-paging-page-summary-panel{
  display: none!important
}
.ag-paging-panel{
  height: 0!important
}

.filter-label{
  font-size: 14px;
}
